<template>
	<div>
		<top-bar title="我的申请" open="2">
			<div slot="rightItem" @click="goDraft">
				<div class="draft">草稿</div>
			</div>
		</top-bar>
		<tab-top>
			<tab-top-item path="/applyuser/apply" text="审批中"></tab-top-item>
			<tab-top-item path="/applyuser/complete" text="完成/驳回/撤销"></tab-top-item>
		</tab-top>
		<router-view></router-view>
	</div>
</template>

<script>
	import tabTop from '@components/tabTop/tabTop.vue'
	import tabTopItem from '@components/tabTop/tabTopItem.vue'
	import topBar from '@components/topBar.vue'
	export default{
		components:{
			tabTop,
			tabTopItem,
			topBar
		},
		methods:{
			goDraft(){
				this.$router.push('/draft')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.draft{
		width: 100%;
		text-align: right;
		padding-right: 16px;
		color: red;
	}
</style>
